var aH6 = document.querySelectorAll("#nav h4");
var aUl = document.querySelectorAll("#nav ul");

for (var i = 0; i < aH6.length; i++) {
  aH6[i].onclick = function () {
    var oUl = this.nextElementSibling;

    if (getComputedStyle(oUl).height == "0px") {
      //先对所有#nav里面的ul设置高度为0px，相当于清空样式（这样点开那个显示那个）
      for (var i = 0; i < aUl.length; i++) {
        aUl[i].style.height = "0px";
      }

      //ul的高度 = ul第一个孩子节点li的高度 * 所有li的长度
      oUl.style.height =
        oUl.children[0].offsetHeight * oUl.children.length + "px"; //offsetHeight获取的是占位大小：内容+padding+border
    } else {
      oUl.style.height = "0px";
    }
  };
}
//获取用户名  赋值
var oName = localStorage.getItem("username");
var userName = document.querySelector("#username");
userName.innerHTML = oName;